Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Insights into agent code generation from Android Bench

android
android

AI models can generate entire features i...

  2026/10/30

Lessons from WhatsApp's Wear OS journey

Hear directly from WhatsApp engineers on...

  2026/10/30

Moving beyond 2D with custom 3D geometry in the Jetpack XR SDK

android
android

Transitioning your Android applications ...

  2026/10/30

Building a Formula E co-driver on Android with ML Kit and Gemini Nano

android
android

A racing car is a demanding environment ...

  2026/10/30

Building type-safe deep links with Jetpack Navigation3

android
android

Managing deep links across modular Andro...

  2026/10/30

Evolving Tiles to Wear Widgets using Jetpack Glance and Remote Compose

telework

In this session, we will take a technica...

  2026/10/30

Accelerate shipping to scale with Google Antigravity

Google

Building software to move tens of millio...

  2026/10/29

🪴 Building an autonomous plant rover with Gemini Live

Meet Sprout: an semi-autonomous plant ro...

  2026/10/29

Real Python Live: Does a Better Prompt Really Help?

python

We'll give two AI coding agents the same...

  2026/10/28

Building real-time vision & edge navigation with Gemini Live

Meet Sprout, a semi-autonomous plant rob...

  2026/10/28

LLMs Replace SonarQube for Security Scans?

python
Security

Download your free Python Cheat Sheet he...

  2026/10/28

Support for WebMCP in Chrome DevTools

chrome

Chrome DevTools now supports WebMCP tool...

  2026/10/28

Functional smart devices using Gemini 4 Argon and Google Antigravity

Google

What happens when you have a wild hardwa...

  2026/10/28

How to evaluate your WebMCP tools

Are your AI agents using your WebMCP too...

  2026/10/27

Building effective WebMCP tools

Learn how to build WebMCP tools that hel...

  2026/10/27

Stop Throwing Opus at Every Problem!

python

Download your free Python Cheat Sheet he...

  2026/10/27